<%@page pageEncoding="UTF-8" contentType="text/html; charset=utf-8" %>
<%@page language = "Java" import = "java.io.*, java.util.*" errorPage="../error/errorpage.jsp"%>
<%@page import="beans.BeanImagenes" 
		import="mapping.ImagenLugar"%>
<jsp:useBean id="mybean" class="beans.BeanImagenes"/>
	<%	
	mybean.conectar();
	int id_elem_mapa = Integer.parseInt(request.getParameter("elem_mapa")); 
	
	System.out.println("Ejecutando galeria...");
	List listaImg = mybean.getImagenes(id_elem_mapa);
	Iterator it = listaImg.iterator();
	int numimg = 0;
	StringBuffer sb = new StringBuffer("");
	while(it.hasNext()){
		String path = ((ImagenLugar)it.next()).getRuta_imagen_lugar();	
		path = path.substring(path.lastIndexOf("/") + 1);
		sb.append(path + " ");
		numimg++;
	}
	System.out.println("Numero de imagenes para lugar con id: " + id_elem_mapa + " -> " + numimg);
	System.out.println(sb.toString());
	%>
	<div style="float: right"><img src="../images/web/cerrar.gif" onclick="cerrarGaleria()"/></div>
	<%
	if(numimg>0){
	%> 
		<br/>
		<div class="centrado">
			<button id="btnstop">Detener</button>
			<button id="btnplay" disabled="disabled">Continuar</button>
			<button id="btnanteriorimg" disabled="disabled"><img src = "images/web/izq2.gif" alt = "&lt;" style = "opacity:0.4"/></button>
			<button id="btnsiguienteimg" disabled="disabled"><img src = "images/web/dcha2.gif" alt = "&gt;" style = "opacity:0.4"/></button>
		</div>
		<br/>
		<div id="contentslider">
			<div id="barra">
				<div id="deslizador" title="Deslize este controlador hacia uno de los lados"></div>
			</div>
		</div>
		
		<div class="centrado">
			<br/>
			<span id="velocidad">-  Velocidad:<span id="infovelocidad"></span>  +</span>
		</div>
		<div id="infovisor"><p>Viendo imagen <span id="contadorimg"></span> de <span id="totalimg"></span></p>
		</div>
		
		<div id="contenidoimg">
			<div id="capaimg"></div>
		</div>
		
		<script>
			comenzar('<%=sb.toString()%>', true);
		</script>

	<br/>
	<%}
	else{ %>
		<div  class="centrado" style = "font-size: 16px">
			<div class="error">
			A&uacute;n no tenemos im&aacute;genes disponibles para este lugar.
			</div>
		</div>
	<%} %>
